<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"> 
	<title>小满金服</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="width=1000,initial-scale=1,maximum-scale=1,user-scalable=yes">

	<link rel="Shortcut Icon" href="../static/favicon.ico">
	<!-- Standard iPad -->  
	<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="../static/touch-icon-ipad-144.png" />  
	<!-- Retina iPad -->  
	<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="../static/touch-icon-ipad-144.png" /> 
	<link rel="stylesheet" href="../static/css/main.css">
	<link rel="stylesheet" href="../static/css/contact_us.css">
	<!--[if lt IE 9]>
	<script src="../static/js/html5.js"></script>
	<![endif]-->
</head> 
<body>
	<!-- 头部 -->
	<header class="header"> 
		<!-- topbar -->
		<div class="topbar">
			<div class="layout">
				<div class="bar_left">
					<ul>
						<li><span>小满金服首页</span></li>
						<li style="margin-left: 40px;"><span>客服电话：400-844-5558</span></li>
						<li class="WeChat">
							<i></i>
							<div>
								<span><em></em></span>
								<img src="../static/images/WeChat.jpg">
								<p>扫一扫加微信</p>
							</div>
						</li>
						<li class="weibo">
							<i></i>
							<div>
								<span><em></em></span>
								<img src="../static/images/weibo.png">
								<p>扫一扫加微博</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="bar_right" style="display: none;">
					<a href="">登录</a>&nbsp;&nbsp;|&nbsp;
					<a href="">注册</a>
				</div>
				<!-- 登陆后显示 -->
				<div class="bar_right" >
					<span>欢迎您</span><a href="">boss</a> |
					<a href="javascript:;">退出</a>
				</div>
			</div>
		</div>
		<!-- topbar-end -->
		<!-- nav -->
		<nav class="nav">
			<div class="layout">
				<div class="nav_left">
					<!-- logo size 290px*64px -->
					<a href="" class="logo">
						<img src="../static/images/lclogo.png" alt="">
					</a>
				</div>
				<ul class="nav_right">
					<li><a href="" class="active">首页</a></li>
					<li class="">
						<a href="">新闻</a>
						<ul>
							<li><a href="">咨询</a></li>
							<li><a href="">视频</a></li>
						</ul>
					</li>
					<li><a href="">产业</a>
						<ul>
							<li><a href="">理财</a></li>
							<li><a href="">众筹</a></li>
						</ul>
					</li>
					<li><a href="">互动</a>
						<ul>
							<li><a href="">积分商城</a></li>
							<li><a href="">互动社区</a></li>
						</ul>
					</li>
					<li><a href="">关于</a>
						<ul>
							<li><a href="">公司简介</a></li>
							<li><a href="">合作伙伴</a></li>
							<li><a href="">招聘</a></li>
							<li><a href="">联系我们</a></li>
						</ul>
					</li>
					<li class="myaccount">
						<a href="myCenter.html">我的账户</a>
						<ul>
							<li><a href="">资产总览</a></li>
							<li><a href="">我的理财</a></li>
							<li><a href="">我的众筹</a></li>
							<li><a href="">我的积分</a></li>
							<li><a href="">安全中心</a></li>
						</ul>
					</li>

				</ul>
			</div>
		</nav>
		<!-- nav-end -->
	</header>
	<!-- 头部结束 -->
	<!-- 内容 -->
	<div class="content">
        <div class="navlist">
    		<ul class=" layout">
                <li class="active"><a href="">公司简介</a></li>
                <li><a href="">公司文化</a></li>
                <li><a href="">发展经历</a></li>
                <li><a href="">合作伙伴</a></li>
                <li><a href="">加入小满</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
        </div>
        <div class="bgpic">
            <img src="../temp/us_map.png" alt="" width="100%">
            <div class="xm_group">
            	<p>小满金服<br>集团总部</p>
            	<img src="../temp/group_point.png">
            </div>
        </div>
        <div class="part-hd layout">
            <h2><span>联系我们</span></h2>
            <p>CONTACT US</p>
            <div class="contack_wrap clearfix">
            	<div>
            		<h3>客户服务</h3>
            		<p>服务时间：周一到周五 9:00-18:00</p>
            		<p>客服电话：400-178-5558/400-844-5558 </p>
            		<p>客服邮箱：service@xiaomanjf.com</p>
            		<p>添加或扫描【小满金服服务号】二维码， 了解更多小满金服资讯。</p>
            	</div>
            	<div>
            		<h3>联系方式</h3>
            		<p>地址：大连市中山区延安路5号保嘉大厦14楼</p>
            		<p>官方qq群：465921931</p>
            		<p>官方微信：xiaomanjinfu</p>
            		<ul class="clearfix">
            			<li>
            				<img src="../temp/service_follow.png">
            				<p>小满金服服务号</p>
            			</li>
            			<li>
            				<img src="../temp/wechat_follow.png">
            				<p>小满金服微信号</p>
            			</li>
            		</ul>
            	</div>
            </div>
        </div>
	</div>
	<!-- 内容结束 -->
	<!-- 页脚 -->
	<div class="footer mt40">
		<div class="layout footer_link">
			<div class="clearfix">
				<ul class="footer_col_1">
					<li>小满金服</li>
					<li><a href="">关于我们</a></li>
					<li><a href="">业务模式</a></li>
					<li><a href="">网站公告</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">小满招聘</a></li>
				</ul>
				<ul class="footer_col_2">
					<li>帮助中心</li>
					<li><a href="">新手引导</a></li>
					<li><a href="">债权转让</a></li>
					<li><a href="">常见问题</a></li>
					<li><a href="">新手奖励</a></li>
					<li><a href="">邀请好友</a></li>
				</ul>
				<ul class="footer_col_3">
					<li>安全保障</li>
					<li>
						<li><a href="">安全保障</a></li>
						<li><a href="">禁止行为</a></li>
						<li><a href="">用户协议</a></li>
						<li><a href="">法律法规</a></li>
						<li><a href="">免责声明</a></li>
					</li>
					<!-- <li>市场合作 <br/><a href="mailto:Marketing@xiaomanjf.com">Marketing@xiaomanjf.com</a></li>
					<li>招商合作<br/><a href="mailto:zhaoshang@xiaomanjf.com">zhaoshang@xiaomanjf.com</a></li> -->
				</ul>
				<ul class="footer_col_4">
					<li style="margin-bottom: 10px;">客服热线</li>
					<li>400-844-5558 (9:00-18:00)</li>
					<li style="font-size: 14px;color: #fff;margin: 10px 0;">市场合作</li>
					<li>市场合作 <br/><a href="mailto:Marketing@xiaomanjf.com">Marketing@xiaomanjf.com</a></li>
				</ul>
				<ul class="footer_col_5">
				 	<li>
						<img src="../static/images/WeChat.jpg" alt="">
						<p>下载APP</p>
					</li>
					<li>
						<img src="../static/images/WeChat.jpg" alt="">
						<p>扫码关注小满金服</p>
					</li>
				</ul>
			</div>
			<div class="links">
				友情链接：
				<a href="">小满电商</a>
				<a href="">小满众筹</a>
				<a href="">淘宝</a>
				<a href="">天猫</a>
				<a href="">阿里巴巴</a>
				<a href="">百度</a>
				<a href="">新浪</a>
				<a href="">网易</a>
				<a href="">搜狐</a>
				<a href="">小满电商</a>
				<a href="">小满众筹</a>
				<a href="">百度</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
				<a href="">阿里巴巴</a>
				<a href="">淘宝</a>
				<a href="">小满众筹</a>
				<a href="">更多∨</a>
			</div>
		</div>	
		<div class="layout footer_bar">
			<p>Copyright &copy; 2016-2017小满金服(大连)有限公司  All Rights Reserved 辽ICP备16004265号-2</p>
			<p>地址：辽宁省大连市中山区延安路保嘉大厦15楼1516室    电话：400-844-5558</p>
		</div> 
	</div>
	<!-- 页脚结束 -->
	<!-- 右侧导航 -->
	<div class="nav_sidebar_right">
		<ul>	
			<!-- 签到成功添加CLASS ckeckinon -->
			<li>
				<a href="" class="nockeckin">
					<div class="nologin">
						<i class="arrow_pic"></i>
						<div class="check_tit">请登录</div>
					</div>	
					<div class="login">
						<i class="arrow_pic"></i>
						<div class="check_tit">已经签,获得300积分</div>
					</div>
				</a>
			</li>
			<li><a href="" class="xiaoman">
				<img src="../static/images/WeChat.jpg" alt="">
			</a></li>
			<li><a href="" class="focusus"></a></li>
			<li><a href="" class="contact"></a></li>
			<li><a href="" class="backtop"></a></li>
		</ul>
	</div>
	<!-- 右侧导航 end-->
<!-- <script src="../static/js/jquery.min.js"></script>	 -->
<script src="../static/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
var $a=$(".buttons a");
var $s=$(".buttons span");
var cArr=["p7","p6","p5","p4","p3","p2","p1"];
var index=0;
// $(".next").click(
// 	function(){
// 	nextimg();
// 	}
// )
// $(".prev").click(
// 	function(){
// 	previmg();
// 	}
// )
//上一张
function previmg(){
	cArr.unshift(cArr[6]);
	// unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
	cArr.pop();
	// pop() 方法用于删除数组的最后一个元素并返回删除的元素。

	//i是元素的索引，从0开始
	//e为当前处理的元素
	//each循环，当前处理的元素移除所有的class，然后添加数组索引i的class
	$("li").each(function(i,e){
		$(e).removeClass().addClass(cArr[i]);
	})
	index--;
	if (index<0) {
		index=6;
	}
	// show();
}

//下一张
function nextimg(){
	cArr.push(cArr[0]);
    // push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
	cArr.shift();
	// shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
	$("li").each(function(i,e){
		$(e).removeClass().addClass(cArr[i]);
	})
	index++;
	if (index>6) {
		index=0;
	}
	// show();
}

//通过底下按钮点击切换
// $a.each(function(){
// 	$(this).click(function(){
// 		var myindex=$(this).index();
// 		var b=myindex-index;
// 		if(b==0){
// 			return;
// 		}
// 		else if(b>0) {
// 			/*
// 			 * splice(0,b)的意思是从索引0开始,取出数量为b的数组
// 			 * 因为每次点击之后数组都被改变了,所以当前显示的这个照片的索引才是0
// 			 * 所以取出从索引0到b的数组,就是从原本的这个照片到需要点击的照片的数组
// 			 * 这时候原本的数组也将这部分数组进行移除了
// 			 * 再把移除的数组添加的原本的数组的后面
// 			 */
// 			var newarr=cArr.splice(0,b);
// 			cArr=$.merge(cArr,newarr);
// 			$("li").each(function(i,e){
// 			$(e).removeClass().addClass(cArr[i]);
// 			})
// 			index=myindex;
// 		}
// 		else if(b<0){
// 			/*
// 			 * 因为b<0,所以取数组的时候是倒序来取的,也就是说我们可以先把数组的顺序颠倒一下
// 			 * 而b现在是负值,所以取出索引0到-b即为需要取出的数组
// 			 * 也就是从原本的照片到需要点击的照片的数组
// 			 * 然后将原本的数组跟取出的数组进行拼接
// 			 * 再次倒序,使原本的倒序变为正序
// 			 */
// 			cArr.reverse();
// 			var oldarr=cArr.splice(0,-b)
// 			cArr=$.merge(cArr,oldarr);
// 			cArr.reverse();
// 			$("li").each(function(i,e){
// 			$(e).removeClass().addClass(cArr[i]);
// 			})
// 			index=myindex;
// 		}
// 	})
// })

//改变底下按钮的背景色
// function show(){
// 		$($s).eq(index).addClass("blue").parent().siblings().children().removeClass("blue");
// }

//点击class为p2的元素触发上一张照片的函数
$(document).on("click",".p2",function(){
	previmg();
	return false;//返回一个false值，让a标签不跳转
});

//点击class为p4的元素触发下一张照片的函数
$(document).on("click",".p4",function(){
	nextimg();
	return false;
});

//			鼠标移入box时清除定时器
// $(".box").mouseover(function(){
// 	clearInterval(timer);
// })

//			鼠标移出box时开始定时器
// $(".box").mouseleave(function(){
// 	timer=setInterval(nextimg,400000);
// })

//			进入页面自动开始定时器
// timer=setInterval(nextimg,400000);
</script>
</body>
</html>